﻿a 
{
    text-decoration:none;
    display:block;
    padding: 0 0 0 3px;
    color: rgb(17,43,49);
}

#library-search-container 
{
 height: 42px;
 /* background-color: #888888; */
}

#library-search 
{
 padding-top:0px;
 padding-left:0px;
 background: url('../Images/lupa.bmp') no-repeat scroll 5px 10px;
}

#txtSearch 
{
 font-size:27px;
 font-weight:bold;
 background: transparent url('../Images/search-bkgr1.gif');
 border:none;
 width:595px;
 height:32px;
 margin-left:0px;
 padding-left:45px;
 padding-bottom:4px;
 padding-top:4px;
}

/* ----------------------------------- */

#LibraryMain 
{
    position:relative;
    float:left;
    overflow-y: auto;
    overflow-x: hidden;
    background-image:url('../Images/transparent-bkgr.png');
    background-repeat: repeat-x;
}

/* ----------------------------------- */

#library-container 
{
 position: relative;
 margin-left: auto;
 margin-right: auto;
 top: 60px;
 width: 640px;
 height: 480px;
}

/* ----------------------------------- */

#library-breadcrumb-container 
{
    height:26px;
    line-height:26px;
    color:White;
    border: none; /* solid 1px #cacaca; */
    width:638px;
    overflow:hidden;
    margin:2px;
    padding:0px; 
}

.breadcrumbItem
{
    color:White;    
    margin-left:2px;
    height:30px;
    display:block;
    float:left;
    font-size: 20px;
    font-weight: bold;
    background-image:url('../Images/breadcrumb-separator5.gif'); 
    background-repeat:no-repeat; 
    background-position:right;
    padding-right: 15px;
    /* text-decoration: none; */
    
}
  
.breadcrumbItem a
{
    color:#b5d5f7;
}

.breadcrumbItem a:hover
{
    color:White;
}

.lastBreadcrumbItem
{
    float:left;
    display:block;
    margin-left: 5px;
    color:White;
    font-size:22px;
}

/* ----------------------------------- */

#library-menu a
{
    height:32px;
    color:#b5d5f7;
    padding-left: 7px;
    padding-top: 3px;
}

#library-menu li.hover
{
    color: #def1fd;
    background-color: #3c7edc;
}

#library-menu a.selected 
{
    color: rgb(255,255,255);
    background: #0c3672;
}

#library-menu li
{
    font-size: 22px;
    font-weight:bold;
    border-right: 1px solid #2955aa;
    border-top: 2px solid #2d63c2;
    border-left: 2px solid #2d63c2;
    border-bottom: 1px solid #2053a1;
    background-color: #2b5bb3;
    margin-bottom: 2px;
    /* width:119px; */
   
}

/* ----------------------------------- */

#activityIndicator 
{
    position:absolute;
    width:128px;
    height:128px;
    top:230px;
    margin-left:47%;
    background-image:url('../Images/indicator_verybig.gif');
    z-index:1000;
}

/* ----------------------------------- */
.EditPanel
{
    color: White;
    font-size: 22px;
    font-weight: bold;
    float:left;
    width:100%;
    margin-left:15px;
    margin-top:10px;
}

.EditBox
{
    margin-top:15px;
}

.EditBox p
{
    display:block;
    color:#b5d5f7;
    margin-left:0px;
    font-size:20px;
}

.EditTextBoxes
{
    color:black;
    margin-left:15px;
    margin-bottom: 5px;
    font-size:22px;
    font-weight:bold;
    width:300px;
}

.editButtons
{
    margin-top:40px;
}


.editButtons input
{
    font-size:22px;
    color: #b5d5f7;
    background: #2b5bb3;
    border: 1px solid #1356a7;
    padding: 2px 12px 2px 12px;
    margin-right:10px;
}

.editButtons input:hover
{
    cursor: pointer;
}

/* ----------------------------------- */

#LibraryMain  div.row
{
    color: #061c50;
    font-size: 22px;
    font-weight: bold;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    background-image: url('../Images/line-bkgr.gif');
    height: 32px;
    padding-top: 2px;
    padding-left: 7px;
    margin-bottom: 2px;
}

#LibraryMain div.row.hover
{
    background-image: url('../Images/line-bkgr-hov.gif');
}

#LibraryMain div.row.selected, 
#LibraryMain div.row.selected div.mainColumn a
{
    color: rgb(255,255,255);
    background: #0c3672;
}

#LibraryMain  div.row.add.hover div.mainColumn,
#LibraryMain  div.row.edit.hover div.mainColumn
{
    margin:0px;
    padding:0px;
    border:0px;
    width:95%;
}

/* ----------------------------------- */

.mainColumn
{
    width:100%;
    overflow:hidden;
    float:left;
    clear:left;
}

.fileType
{
    margin-top:3px;
    clear:left;
    float:left;
}

.fileName
{
    float:left;
    overflow:hidden;
    width:80%;
    margin-left:5px;
}

.mainColumn span
{
    font-size: 18px;
}

.buttonAdd, .buttonDelete, .buttonUp, .buttonDown, .buttonEdit
{
    float:left;
    visibility:hidden;
    width:0px;
}

.modalBackground {
	background-color:Gray;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	filter:alpha(opacity=30);
	opacity:0.3;
}

.modalPopup {
    background-color:#AAAAFF;
    border:6px solid #A4C5FF;
	width:400px;
}

.modalTitle {
    background-color:#E0EDFE;
    cursor:default;
    font-size:20px;
    font-weight:bold;
    padding:10px 8px;
    position:relative;
}

.modalContent {
    background-color:#FFFFFF;
    overflow:auto;
    font-size:22px;
    padding:10px 10px 10px 10px;
}

.modalButtons {
    background-color:#FFFFFF;
    padding:4px;
    text-align:right;
}

.modalButtons input
{
    font-size:18px;
    padding: 0 10px;
}
